<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>报警通知</title>
  <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
  <!--<link rel="stylesheet" href="css/index.css">-->
  <link rel="stylesheet" href="example/example.css">
  <link rel="stylesheet" href="lib/sweet-alert.css">
  <script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
  <script src="javascripts/trem.js"></script>
  <script src="javascripts/in.js"></script>
  <script src="lib/sweet-alert.js"></script>
  <script src="javascripts/Language.js"></script>
</head>
<body class="feed-activity-list" onload="get_state()">
<div class="main">
  <div class="one">
           <span onclick="tf1()">
               <div class="bt">客户端通知</div>
               <div class="bty1"><img src="img/more3.png" width="100%"/></div>
               <div class="center"><img src="img/client.jpg" width="100%"/></div>
               <div class="zs1">设备触发报警后，系统将会通过手机app通知您</div>
           </span>
    <div class="button1" onclick="server_open('app_open')"><input type="button" value="免费开通"></div>
  </div>
  <div class="ones" onclick="tz1()">
    <div class="bts">客户端通知</div>
    <div class="bty1"><img src="img/more4.png" width="100%"/></div>
    <div class="ss">
      <p>及时性：高</p>
      <p>稳定性：一般</p>
      <p>特征：有报警铃声提醒</p>
    </div>
    <div class="zs1" style="text-align: left;color: white">设备触发报警后，系统将会通过手机app通知您</div>
    <div class="button1"><input type="button" value="免费开通" style="background-color: #259BFB;border:1px solid white;color: white"></div>
  </div>
  <div class="onees">
    <spn onclick="Jump_page('app_open')">
      <div class="bt">客户端通知</div>
      <div class="bty1"  ><img src="img/more3.png" width="100%"/></div>
      <div class="center"><img src="img/client-on.jpg" width="100%"/></div>
      <div class="zs1s">正常</div>
    </spn>
    <div class="button1s" onclick="server_close('app_open')">关闭服务</div>
  </div>

  <div class="two">
           <span onclick="tf2()">
               <div class="bt">邮件通知</div>
               <div class="bty2"><img src="img/more3.png" width="100%"/></div>
               <div class="center"><img src="img/email.jpg" width="100%"/></div>
               <div class="zs2">设备触发报警后，系统将以邮件方式的形式通知您</div>
           </span>
    <div class="button2" onclick="server_open('email_open')()"><input type="button" value="免费开通"></div>
  </div>
  <div class="twos"  onclick="tz2()">
    <div class="bts">邮件通知</div>
    <div class="bty2"><img src="img/more4.png" width="100%"/></div>
    <div class="ss">
      <p>及时性：高</p>
      <p>稳定性：一般</p>
      <p>特征：有报警铃声提醒</p>
    </div>
    <div class="zs2" style="text-align: left;color: white">设备触发报警后，系统将以邮件方式的形式通知您</div>
    <div class="button2"><input type="button" value="免费开通" style="background-color: #259BFB;border:1px solid white;color: white"></div>
  </div>
  <div class="twoes">
    <spn onclick="Jump_page('email_open')">
      <div class="bt">邮件通知</div>
      <div class="bty2"  onclick="Jump_page('email_open')"><img src="img/more3.png" width="100%"/></div>
      <div class="center"><img src="img/email-on.jpg" width="100%"/></div>
      <div class="zs2s">正常</div>
    </spn>
    <div class="button2s" onclick="server_close('email_open')">关闭服务</div>
  </div>

  <div class="three">
           <span onclick="tf3()">
               <div class="bt">电话通知</div>
               <div class="bty3"><img src="img/more3.png" width="100%"/></div>
               <div class="center"><img src="img/phone.jpg" width="100%"/></div>
               <div class="zs3">设备触发报警后，系统将以电话方式的形式通知您</div>
           </span>
    <div class="button3" onclick="server_open('tel_open')()"><input type="button" value="免费开通"></div>
  </div>
  <div class="threes"  onclick="tz3()">
    <div class="bts">电话通知</div>
    <div class="bty3"><img src="img/more4.png" width="100%"/></div>
    <div class="ss">
      <p>及时性：高</p>
      <p>稳定性：一般</p>
      <p>特征：有报警铃声提醒</p>
    </div>
    <div class="zs3" style="text-align: left;color: white">设备触发报警后，系统将以电话方式的形式通知您</div>
    <div class="button3"><input type="button" value="免费开通" style="background-color: #259BFB;border:1px solid white;color: white"></div>
  </div>
  <div class="threeis">
    <spn onclick="Jump_page('tel_open')">
      <div class="bt">电话通知</div>
      <div class="bty3"  onclick="Jump_page('tel_open')"><img src="img/more3.png" width="100%"/></div>
      <div class="center"><img src="img/phone-on.jpg" width="100%"/></div>
      <div class="zs3s">本月剩余:<a id="num" style="color: #2EC6F6"><%= State.tel_num %></a></div>
    </spn>
    <div class="button3s" onclick="server_close('tel_open')">关闭服务</div>
  </div>

  <div class="four">
           <span onclick="tf4()">
               <div class="bt">微信端通知</div>
               <div class="bty4"><img src="img/more3.png" width="100%"/></div>
               <div class="center"><img src="img/weixin.jpg" width="100%"/></div>
               <div class="zs4">设备触发报警后，系统将会通过微信通知您</div>
           </span>
    <div class="button4" onclick="server_open('weChat_open')"><input type="button" value="免费开通"></div>
  </div>
  <div class="fours" onclick="tz4()">
    <div class="bts">微信端通知</div>
    <div class="bty4"><img src="img/more4.png" width="100%"/></div>
    <div class="ss">
      <p>及时性：高</p>
      <p>稳定性：一般</p>
      <p>特征：有报警铃声提醒</p>
    </div>
    <div class="zs4" style="text-align: left;color: white">设备触发报警后，系统将会通过微信通知您</div>
    <div class="button4"><input type="button" value="免费开通" style="background-color: #259BFB;border:1px solid white;color: white"></div>
  </div>
  <div class="foures">
    <spn onclick="Jump_page('weChat_open')">
      <div class="bt">微信端通知</div>
      <div class="bty4"  onclick="Jump_page('weChat_open')"><img src="img/more3.png" width="100%"/></div>
      <div class="center"><img src="img/weixin-on.jpg" width="100%"/></div>
      <div class="zs4s">正常</div>
    </spn>
    <div class="button4s" onclick="server_close('weChat_open')">关闭服务</div>
  </div>
</div>
<script type="text/javascript">
  var app_open = '<%= State.app_ope %>';
  var email_open= '<%= State.email_open %>';
  var tel_open = '<%= State.tel_open %>';
  var weChat_open = '<%= State.weChat_open %>';
  if(app_open==1){
    $(".ones").hide();
    $(".one").hide();
    $(".onees").show();
  }else{
    $(".ones").hide();
    $(".one").show();
    $(".onees").hide();
  }
  if(email_open==1){
    $(".twos").hide();
    $(".two").hide();
    $(".twoes").show();
  }else{
    $(".twos").hide();
    $(".two").show();
    $(".twoes").hide();
  }
  if(tel_open==1){
    $(".threes").hide();
    $(".three").hide();
    $(".threeis").show();
  }else{
    $(".threes").hide();
    $(".three").show();
    $(".threeis").hide();
  }
  if(weChat_open==1){
    $(".fours").hide();
    $(".four").hide();
    $(".foures").show();
  }else{
    $(".fours").hide();
    $(".four").show();
    $(".foures").hide();
  }
</script>
</body>
</html>